<template>
  <div class="box">
    <header class="header">
      <van-search v-model="value" show-action placeholder="请输入搜索关键词" @search="onSearch">
      </van-search>
    </header>
    <main class="content">
      <van-swipe :autoplay="3000" lazy-render>
  <van-swipe-item v-for="image in images" :key="image">
    <img style="width: 100%;
    height: 200px;" :src="image" />
  </van-swipe-item>
</van-swipe>
<ProList></ProList>
    </main>
  </div>
</template>

<script setup>


import ProList from './ProList.vue';
const images = [
      'https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
      'https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
    ];
</script>

<style lang="scss" scoped></style>